// 切换登录注册面板
// 直接给a标签绑定事件
$('.login-reg-box a').on('click', function () {
    // 切换登录和注册盒子的显示和隐藏
    $('.login-box').toggle()
    $('.reg').toggle()
})
// 表单验证
// 1 给登录和注册按钮添加lay-submit 属性，添加之后才能实现layUI验证效果
// 2 把input默认required属性删除，给每一个表单元素（input）添加lay-verify="required"(required是必填的意思)
// 3 用户名字母和数字组合1-10位组合，密码是6-15位非空字符组合，再次输入密码是跟密码保持一致（自定义校验规则）
// 4 把自定义校验规则放到input 的lay-verify属性中，多个规则用 | 做分割
layui.form.verify({
    //  key 是自定义效验规则名称
    // value 是自定义效验规则，函数（不能用正则直接进行效验），数组（能用正则直接效验）
    // 用户名 字母和数字组合1-10位组合
    username: [/^[\w\d]{1,10}$/, '请输入1-10位字母或数字的组合'],

    pwd: [/^[\S]{6,15}$/, '请输入6-15位非空字符'],

    repwd: function (value) {
        if (value !== $('.reg-password').val()) {
            return '请保证两次密码一致'
        }
    }

})


// 注册
// 绑定标摊提交
$('.reg-from').on('submit', function (e) {

    e.preventDefault(),

        $.ajax({
            url: '/api/reg',
            method: 'POST',

            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                if (res.code === 0) {
                    $('#go-login').click()
                }
                layui.layer.msg(res.message)
            }
        })
})

// 登录
$('.login-from').on('submit', function (e) {
    // 阻止form默认事件
    e.preventDefault(),
        // 发起请求
        $.ajax({
            url: '/api/login',
            method: 'POST',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                // 判断登录是否成功
                if (res.code !== 0) {
                    // 不成功，弹窗告知用户
                    layui.layer.msg(res.message)
                } else {
                    // 成功
                    // 保存 token（身份令牌，证明身份权限，登录状态）
                    // 参数1 数据名称
                    // 参数2 数据本身
                    localStorage.setItem('token', res.token)
                    location.href = '/index.html'
                }
            }
        })
})